.montesserat {
	font-family: "montserrat", sans-serif;
}

.corsariovf {
	font-family: "corsario-variable", sans-serif;
}

.josefinsans {
	font-family: "josefin-sans", sans-serif;
}

body {
	background: #F1F2F2 !important;
	color: #201D1D !important;
}

.headbanner {
    background: #002A33;
    color: #FFF;
}

    .headbanner .opentime {
        font-size: 16px;
		text-transform: capitalize;
    }

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    width: 40px;
    height: 40px;
}

.navbar > .container-fluid {
    display: block !important;
}

span.navbar-brand.fw-bold {
    font-size: 16px;
}

.btnstyle1 {
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    padding: 10px 20px;
    border: 2px solid #FFF;
	cursor: pointer;
}

.btnstyle2 {
    font-size: 20px;
    background: #002A33;
    text-decoration: none;
    padding: 10px 20px;
    border: 2px solid #002A33;
    cursor: pointer;
    color: #F1F2F2;
}

a.btnstyle3 {
	font-size: 20px;
    text-decoration: none;
    padding: 10px 20px;
    border: 2px solid #002A33;
    cursor: pointer;
    color: #002A33;
}

#heroCarousel {
    width: 100%;
}


.hero {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Picture & image fill */
.hero-media {
    width: 100%;
}

    .hero-media img {
        aspect-ratio: 4;
    }

    .hero-media img {
        object-fit: cover;
    }

/* Center content over image */
.hero-content {
    position: absolute;
    inset: 0; /* top right bottom left = 0 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical center */
    align-items: center; /* horizontal center */
    text-align: center;
    color: #fff;
    z-index: 2;
}

/* Optional overlay for readability */
.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    /* background: rgba(0,0,0,0.35); */
    z-index: 1;
}

.hero-content h1 {
    font-size: 70px;
    font-weight: 600;
    color: #B8965B;
}

.hero-content p {
    color: #B8965B;
}

.carousel-item.hero .hero-content {
	visibility: hidden;
}

.carousel-item.hero.active .hero-content {
	visibility: visible;
}

.hive h1 {
	color: #B99A3E;
    font-weight: 600;
}

.hive h3 {    
    color: #00394E;
}

.hivecarouselsec h1, .hivecarouselsec h3, .hivecarouselsec h6, .hivecarouselsec p {
    text-align: center;    
}

.hive h1.style2 {
	color: #00394E;
    text-align: center;
    font-weight: 400;
    font-size: 60px;
	text-transform: uppercase;
}


.hivecarouselwrap {
		width: calc(100% - 50px) !important;
		margin: 0 auto;
	}
	
	.hivecarousel .img-wrap {
	width:100%;
	aspect-ratio: 1;
	    background-size: 100% 100%;
}
	
	.hivecarousel .owl-nav button span {
		position: absolute;		
		font-size: 80px;
		color: #B99A3E;
		top: calc(50% - 20px);
		transform: translateY(-50%);
	}
	
	.hivecarousel .owl-nav button.owl-prev span {
		left: -33px;
	}
	
		.hivecarousel .owl-nav button.owl-next span {
		right: -33px;
		}
		
		.hivecarousel .pdfstyle {
			background: #00394E;
			text-align: center;
		}
			.hivecarousel .pdfstyle a{
				color: #F1F2F2;
				text-decoration: none;
				font-weight: 400;
				font-size: 26px;
			}
			
			.imgsec .hidetext .hero-content {
				display: none !important;
			}
			
		
a.widebutton {
    text-decoration: none;
    color: #00394E;
    border: 4px solid #00394E;
    padding: 8px 10px;
    width: calc(100% - 50px);
    display: block;
    margin: 0 auto;
}

a.widebutton h2 {
	margin-bottom: 0;
	text-align: center;
    font-weight: 600;
}

p.style1 {
	font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3em;
}

.facsection a.widebutton {
	width:100%
}

.facitemcontainer {
	margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.facilityitemholder {
    
    
    background: #99B1B7;
    
    border-radius: 15px;
    flex: 0 0 calc(33.333% - 20px);
    box-sizing: border-box;
}

.facimgholder {
    width: 80px;
    aspect-ratio: 1;
    margin: 15px auto;
    border-radius: 100px;
    background: #002A33;
}

.faciltyitem {
    width: 100%;
    height: 100%;
    background: #F1F2F2;
}

footer {
	background: #00394E;
}

.maparea iframe {
	width: 50%;
    aspect-ratio: 1.8;
}

footer h3, footer h4 {
	color: #F1F2F2 !important;
}

footer .seperator {
	border: 3px solid #B99A3E;
    max-width: 600px;
    margin: 0 auto;
}

.logosec {
	background: #F1F2F2 !important;
}

.logosec img {
	margin: 0 auto;
    display: block;
	max-width: 90%;
}

footer .logosec h4 {
	color: #0C202B !important;
}

.linksec {
	background: #000 !important;
}

.linksec h4 {
	text-align: center;
}

.linksec a {
	color: #f1f1f2;
    text-decoration: none;
}

.social-icon {
  display: inline-block;
  margin: 0 8px;
}

	.social-icon img {
		width: 80px;
		aspect-ratio: 1;
		border-radius: 50%;
	}
	
span.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23B99A3E'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E") !important;
    width: 50px;
    height: 50px;
}

span.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23B99A3E'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") !important;
    width: 50px;
    height: 50px;
}

button.carousel-control-prev, button.carousel-control-next {
    width: 50px;
}

.carousel-indicators button {
	width: 10px !important;
    height: 10px !important;
    border: 1px solid #FFF !important;
    border-radius: 20px;
}

.foodtextmenusec .row.dishitem {
	border-bottom: 1px solid #D8D8D8;
}

.foodtextmenusec h6 {
	text-align: right;
}

.allergensec img {
	width: 100%;
}

.allergensec .layout {
	background-color: #f5d476;
    display: flex;
    justify-content: space-between;
	padding: 40px 40px;
}

.allergensec h2 {
	text-transform: uppercase;
    font-weight: 600;
}

.allergensec a {
	background-color: #F0BF35;
    text-align: center;
    padding: 12px 45px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
}

.navbar-brand a {
	text-decoration: none;
    color: #000;
}

.drinkheader h1 {
		border-bottom: 3px solid #B99A3E;
	}
	
	.eps-drink-desc {
  margin-bottom: 4px;
}

.eps-drink-desc.clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.view-toggle {
	text-decoration: none;
}

.drinktextitem h4 {
	font-weight: 600;
}

.drinktextitem .drinkitem {
    border-bottom: 1px solid #D8D8D8;
	    height: 100%;
}

.drinkpdfitem .text-sec {
  padding: 20px;
}

.drinkpdfitem .img-sec img {
  display: block;
  width: 100%;
  height: auto;
}

.drinkpdfitem a {
	padding: 12px 45px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    background: #00394E;
    color: #F1F2F2;
}

.eventssec h1 {
	text-transform: uppercase;
	text-align: center;
}

.eventssec .eventitem img {
	width: 100%;
	aspect-ratio: 1;
}

.eventssec h4 {
	font-weight: 600;
}

.eventssec p {
	
}

#placegallery .holder {
    width: 31%;
    margin: 1%;
}

#placegallery .holder a, #placegallery .holder a img {
	width: 100%;
}

@media only screen and (max-width: 575.98px) and (orientation: portrait) {
    .hero-media img {
        aspect-ratio: 2.8;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
    .hero-media img {
        /*aspect-ratio: 1.84;*/
    }
}


@media (max-width: 991.98px) {
    .btnstyle1 {
        font-size: 14px !important;
        padding: 8px 16px !important;
    }

    .headbanner .opentime {
        font-size: 14px !important;
    }

    .navbar .navbar-toggler-icon {
        width: 50px !important;
        height: 50px !important;
    }

    span.navbar-brand.fw-bold {
        font-size: 14px !important;
    }

    .hero-content h1 {
        font-size: 50px !important;
    }

    .hero-content h2 {
        font-size: 26px !important;
    }

    .hero-content p {
        font-size: 15px !important;
    }
	
	.hive h1.style2 {
		font-size: 45px !important;
	}
	
	.hive h1 {
		font-size: 36px !important;
	}
	
	.hive h3, a.widebutton h2 {
		font-size: 26px !important;
	}

	.social-icon img {
		width: 65px;
	}
}

@media (max-width: 576px) {
    .btnstyle1 {
        font-size: 13px !important;
        padding: 5px 10px !important;
    }

    .headbanner .opentime {
        font-size: 13px !important;
    }

    .navbar .navbar-toggler-icon {
        width: 50px !important;
        height: 50px !important;
    }

    span.navbar-brand.fw-bold {
        font-size: 13px !important;
    }

    .hero-content h1 {
        font-size: 32px !important;
    }

    .hero-content h2 {
        font-size: 22px !important;
    }

    .hero-content p {
        font-size: 13px !important;
    }
	
	.carousel  .carousel-indicators button {
		width: 5px !important;
		height: 5px !important;
	}
	
	.carousel-indicators {
		margin-bottom: 5px !important;
	}
	
	button.carousel-control-prev, button.carousel-control-next {
		width: 35px !important;
	}
	
	span.carousel-control-prev-icon, span.carousel-control-next-icon {
		width: 35px !important;
		height: 35px !important;
	}
	
	.logosec img {
		max-width: 35% !important;
	}
	
	.hive h3 {
		font-size: 22px !important;
	}	

	a.widebutton {
		padding: 5px 5px !important;
	}
	
	
	.hive h1.style2 {
		font-size: 40px !important;;
	}
	
	p.style1 {
		font-size: 18px !important;;
	}
	
	.hive h1 {
		font-size: 26px !important;
	}
	
	.hive h3, a.widebutton h2, .hivecarousel .pdfstyle a {
		font-size: 18px !important;
	}
	
	.btnstyle2, .btnstyle3 {
		font-size: 16px !important;
	}
	
	.facimgholder {
		width: 40px !important;
		margin: 8px auto !important;
	}
	
	h4 {
		font-size: 16px !important;
	}
	
	.dishitem  p {
		font-size: 11px !important;
	}
	
	.facitemcontainer {
		gap: 10px !important;
	}
	
	.facilityitemholder {
		flex: 0 0 calc(33.333% - 10px) !important;
	}
	
	h6 {
		font-size: 14px !important;
	}
	
	.hivecarousel p {
		font-size: 12px !important;
	}
	
	.maparea iframe {
		width: 50%;
		aspect-ratio: 1;
	}
	
	.social-icon img {
		width: 50px;
	}
	
	.linksec h4 {
		font-size: 10px !important;
	}
	
	.allergensec .layout {
		display: block !important;
		padding: 25px 25px !important;		
	}
	
	.allergensec h2 {
		margin-bottom: 30px !important;
		font-size: 22px !important;
	}
	
	.allergensec a {
		padding: 10px 20px !important;
		font-size: 14px !important;
	}
	
	.drinkpdfitem .first-col {
		order: 1;
		text-align: center;
	}
	
	.drinkpdfitem .sec-col {
        order: 2;
    }
	
	.drinkpdfitem .text-sec {
		margin: 0 auto !important;
		text-align: center !important;
	}
	
	.drinkpdfitem a {
		padding: 10px 22px !important;
		font-size: 14px !important;
	}
	
	.eps-drink-desc {
		font-size: 12px !important;
	}
	
	#placegallery .holder {
		width: 46% !important;
		margin: 2% !important;
	}
}

@media (max-width: 475px) {
    .hero-content h1 {
        font-size: 28px !important;
        margin-bottom: 0;
    }
	
	.hero-content h2 {
        font-size: 20px !important;
        margin-bottom: 5px;
    }
	
	.hero-content p {
        font-size: 12px !important;
        margin-bottom: 0;
    }
	
	.hive h3 {
		font-size: 18px !important;
	}	
	
	.hive h1.style2 {
		font-size: 30px !important;;
	}
	
	p.style1 {
		font-size: 15px !important;;
	}
	
	.hive h1 {
		font-size: 24px !important;
	}
	
	.hive h3, a.widebutton h2, .hivecarousel .pdfstyle a, .btnstyle2, .btnstyle3 {
		font-size: 16px !important;
	}
	
	.facimgholder {
		width: 36px !important;
		margin: 7px auto !important;
	}
	
	h4 {
		font-size: 14px !important;
	}
	
	.dishitem  p {
		font-size: 10px !important;
	}
	
	.facitemcontainer {
		gap: 9px !important;
	}
	
	.facilityitemholder {
		flex: 0 0 calc(33.333% - 9px) !important;
	}
	
	h6 {
		font-size: 12px !important;
	}
	
	.hivecarousel p {
		font-size: 10px !important;
	}
	
	.social-icon img {
		width: 40px;
	}
}

@media (max-width: 425px) {
    .hero-content h1 {
        font-size: 25px !important;
    }
	
	.hero-content h2 {
        font-size: 18px !important;
        margin-bottom: 2px;
    }
	
	.hero-content p {
        font-size: 11px !important;
    }
	
	.hive h1.style2 {
        font-size: 24px !important;
    }
	
	p.style1 {
        font-size: 13px !important;
    }
	
	.hive h1 {
        font-size: 20px !important;
    }
	
	.hive h3, a.widebutton h2, .hivecarousel .pdfstyle a, .btnstyle2, .btnstyle3 {
        font-size: 14px !important;
    }
	
	    h6 {
        font-size: 10px !important;
    }
	
	a.widebutton {
		    border: 2px solid #00394E !important;
	}
	
	    .facimgholder {
        width: 32px !important;
        margin: 5px auto !important;
    }
	
	    h4 {
        font-size: 12px !important;
    }
	
	.hivecarousel p {
        font-size: 9px !important;
    }
	
	.social-icon img {
		width: 35px;
	}
}

@media (max-width: 400px) {
    
}